@import "style.scss";
.tab-list {
    position: fixed;
    width: 100%;
    top: px2rem(44);
    left: 0;
    z-index: 10;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    height: px2rem(40);
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    .index-tab-title {
        display: inline-block;
        height: px2rem(40);
        line-height: px2rem(40);
        font-size: px2rem(15);
        width: px2rem(60);
        text-align: center;
        position: relative;
        overflow: hidden;
        .index-tab-icon {
            position: absolute;
            bottom: 0;
            width: 100%;
            height: px2rem(3);
            background-color: #2A83FF;
            transition: .35s all;
            border-radius: px2rem(5);
        }
    }
}

.content-list {
    padding-top: px2rem(84);
}

.new-content {
    .new-list-item {
        height: px2rem(100);
        display: flex;
        align-items: center;
        .new-item-desc {
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            height: 100%;
            padding: px2rem(5) 0;
            div {
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-box-orient: vertical;
            }
            .desc-title {
                color: #000;
                -webkit-line-clamp: 2;
                font-size: px2rem(17);
                line-height: px2rem(21);
            }
            .desc-text {
                font-size: px2rem(14);
                color: #666666;
            }
            .desc-time {
                margin-top: px2rem(10);
                font-size: px2rem(12);
                color: #ABABAB;
            }
        }
    }
    .new-img-wapper {
        margin-right: px2rem(15);
        width: px2rem(70);
        height: px2rem(70);
        background: #eee;
        display: block;
        img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.head-title-wapper {
    .title {
        margin-top: px2rem(10);
        font-size: px2rem(24);
        line-height: px2rem(30);
        word-break: break-all;
    }
    .time {
        margin-top: px2rem(5);
        font-size: px2rem(12);
        color: #999;
    }
}

.html-wapper {
    overflow: hidden;
    img {
        max-width: 100%;
        margin-bottom: px2rem(10);
    }
}